<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>div布局</title>
    <style>
      #container{
        background-color: burlywood;
        width: 100%;
        height: 100%;
        padding:0;
        border: 0;
        margin: 0;
        position: fixed;
      }
      #banner{
        background-color: #5a89ff;
        width: 90%;
        height: 11%;
        margin: 40px auto auto auto;
      }
      #content{
        background-color: blueviolet;
        width: 71%;
        height: 60%;
        float: left;
      }
      #link{
        background-color: chartreuse;
        width: 26%;
        height: 60%;
        float: right;
      }
      #footer{
            background-color: deeppink;
            margin: 35% auto auto auto;
            width: 90%;
            height: 11%;
      }
    </style>
  </head>
  <body style="padding: 0;border: 0;margin: 0">
  <div id="container">
    <div id="banner"></div>
    <div style="border: 0;width: 90%;padding:0;margin: 30px auto auto auto">
      <div id="content"></div>
      <div id="link" ></div>
    </div>
      <div id="footer"></div>
  </div>
  </body>
</html>
